.web-react {
  .ant-input,
  .ant-picker {
    color: var(--color-c02);
    border: 1px solid #d8dfe5;
  }

  .ant-picker-input > input {
    color: var(--color-c02);
  }

  .ant-input-affix-wrapper {
    color: var(--color-c02);
    border: 1px solid #d8dfe5;
  }

  .ant-input-affix-wrapper-disabled {
    color: var(--color-c04);
    border: none;
  }

  .ant-input:focus,
  .ant-input-affix-wrapper:focus,
  .ant-picker:hover,
  .ant-picker-focused,
  .ant-input:hover,
  .ant-input-affix-wrapper:hover,
  .ant-input-affix-wrapper-focused,
  .ant-cascader-picker:focus,
  .ant-cascader-input,
  .ant-upload.ant-upload-select-picture-card:hover {
    box-shadow: none !important;
  }

  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    box-shadow: none !important;
  }

  .ant-input[type='text'] {
    height: 30px;
    padding: 0 10px !important;
    color: var(--color-c02);
    border-radius: 4px;
  }

  .ant-picker-input > input[disabled] {
    color: var(--color-c04);
  }

  .ant-select-disabled {
    .ant-select-selection-item {
      color: var(--color-c04);
    }
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: var(--color-c04) !important;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: var(--color-c04) !important;
  }

  input:-moz-placeholder,
  textarea::-moz-placeholder {
    color: var(--color-c04) !important;
  }

  input:-ms-input-placeholder,
  textarea::-ms-input-placeholder {
    color: var(--color-c04) !important;
  }

  .ant-select-selection-placeholder {
    color: var(--color-c04) !important;
  }

  .ant-picker,
  .ant-picker-input {
    border-radius: 4px;
  }

  .ant-input[type='text'].ant-transfer-list-search {
    width: 100% !important;
  }

  .ant-input[disabled] {
    color: var(--color-c04) !important;
    background-color: var(--color-c06);
    border: none;
  }

  .ant-input[disabled]:hover {
    border-color: var(--color-c06) !important;
  }

  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: 1px solid #d8dfe5;
  }

  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: var(--color-c13) !important;
  }

  .ant-cascader-menu-item:hover {
    background: var(--color-c13) !important;
  }

  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    color: var(--color-c01);
    font-weight: 500;
    background-color: var(--color-c13);
  }

  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled)
    .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    background-color: var(--color-c13) !important;
  }

  .ant-input-affix-wrapper-disabled,
  .ant-input-affix-wrapper-textarea-with-clear-btn {
    background-color: var(--color-c06) !important;

    .ant-input[type='text'].ant-input-disabled {
      color: var(--color-c04);
    }
  }

  .ant-input-textarea-show-count::after {
    position: relative;
    top: -30px;
    right: 10px;
    color: var(--color-c04) !important;
  }

  .ant-form {
    .ant-form-item {
      margin-bottom: 10px;
    }

    .ant-input[type='text'] {
      width: 320px;
      height: 30px;
      padding: 0 10px !important;
      color: var(--color-c02);
    }

    .runderoptionDiv {
      .ant-input {
        width: 170px !important;
        border-radius: 4px;
      }
    }

    .ant-input-textarea {
      .ant-input {
        height: 70px;
        border-radius: 4px;
      }
    }

    .all-f-item-170 {
      .ant-input {
        width: 170px !important;
      }
    }

    .ant-picker-disabled {
      width: 320px !important;
      background: var(--color-c06);
      border: none;
      border-radius: 4px;
    }

    .seaInput {
      .ant-input {
        width: 228px !important;
      }
    }
  }

  .ant-upload {
    border-color: var(--color-c05);
  }
  .ant-upload:hover {
    border-color: var(--color-c01);
  }
  .ant-radio-inner {
    border-color: var(--color-c04);
    border-width: 1px;
  }

  .ant-radio-inner::after {
    content: none !important;
  }

  .ant-radio-checked {
    .ant-radio-inner {
      border-width: 5px;
      box-shadow: none !important;
      transform: none !important;
    }
  }

  .ant-checkbox-indeterminate {
    .ant-checkbox-inner {
      background-color: var(--color-c01);
      border-color: var(--color-c01) !important;
      border-width: 4px !important;
    }

    .ant-checkbox-inner::after {
      width: 10px !important;
      height: 2px !important;
      background-color: #fff;
    }
  }

  .ant-checkbox-wrapper:hover,
  .ant-checkbox:hover .ant-checkbox-input:focus {
    .ant-checkbox-indeterminate {
      .ant-checkbox-inner {
        border-color: var(--color-c01) !important;
      }

      :globa {
        border-color: var(--color-c01) !important;
      }
    }
  }

  .avatar1 {
    .ant-upload {
      box-sizing: content-box !important;
      background-size: cover;
    }
  }

  .avatar2 {
    .ant-upload {
      box-sizing: content-box !important;
      background-size: cover;
    }
  }

  // 以下是表单私有类名
  .dynameicform {
    .ant-input[type='text'] {
      width: 320px !important;
      height: 30px !important;
      background-color: var(--color-c06);
      border: 1px solid transparent;
      border-radius: 4px;
    }

    .ant-form-item-label {
      min-width: 100px;
      max-width: 100px;
    }

    .idInput {
      .ant-input[type='text'] {
        width: 235px !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }

      .ant-input-group-addon {
        background-color: var(--color-c06);
        border: none !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
      }

      .ant-select-selector {
        background-color: var(--color-c06);
        border: 1px solid #d8dfe5 !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;

        .ant-select-selection-item {
          line-height: 28px !important;
        }
      }
    }

    .ant-input-textarea {
      .ant-input {
        min-height: 70px !important;
        background-color: var(--color-c06);
        border: none !important;
      }
    }
  }

  .warpBox {
    box-sizing: border-box;
    min-height: 350px;
    padding: 20px;
    padding: 20px 20px;
    background-color: #f8fafc;

    .ant-select {
      width: 320px !important;
    }

    .ant-select-selector {
      width: 320px !important;
      background-color: var(--color-c06) !important;
      border: none;
      border-radius: 4px;
    }

    .ant-input:focus,
    .web-react .ant-input-affix-wrapper:focus {
      border: 1px solid var(--color-c06) !important;
    }

    .ant-input[disabled] {
      width: 320px !important;
      height: 30px !important;
      color: var(--color-c04);
      background-color: var(--color-c06);
      border: 1px solid var(--color-c06);
      border-radius: 4px;
    }

    .ant-col {
      min-width: 120px;
    }

    .ant-upload {
      background-color: var(--color-c06);
    }

    .ant-input-textarea {
      .ant-input {
        width: 100% !important;
        min-height: 70px !important;
        background-color: var(--color-c06);
        border: none !important;
      }
    }

    .ant-input-affix-wrapper-disabled {
      width: 320px !important;
      padding: 0;
      background-color: var(--color-c06) !important;
      border: none;
      border-radius: 4px;

      .ant-input[type='text'] {
        width: 260px !important;
        border-right: 1px solid #d8dfe5;
      }

      .ant-input-suffix {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        margin-left: 0;
      }
    }

    .ant-picker {
      width: 320px !important;
      background-color: var(--color-c06) !important;
      border: none;
      border-radius: 4px;
    }
  }

  .ant-input-group-wrapper {
    button {
      min-width: 30px !important;
      height: 30px !important;
      margin-left: 0;
      padding: 0;
    }
  }

  .ant-input-affix-wrapper {
    padding: 0 11px 0 0;

    #code {
      height: 20px;
    }

    #modifiedName {
      height: 20px;
    }

    #totalScore {
      height: 20px;
    }

    #departmentName {
      height: 20px;
    }

    #equipmentCode {
      height: 20px;
    }

    #spaceIds {
      height: 20px;
    }
  }

  .ant-input.ant-input-lg {
    padding: 0;
    font-size: 14px;
  }

  .ant-checkbox-inner {
    border: 1px solid #9ba3af;
  }
}
